﻿<header>
    <div id="header-area">
        <div class="headerin">
            <div class="leftheaderin">
                <div class="logo">
                    <a title="Tin tức Quốc Hội Việt Nam" href=""></a>
                </div>
            </div>
            <nav>
                <ul>
                    <li>
                        <a href="~/Default">TIN TỨC</a>
                    </li>
                    <li class="active">
                        <a href="@Url.RouteUrl("BroadCastHome")">TV</a>
                    </li>
                    <a class="link-watch" href="@Url.RouteUrl("BroadCastHome")">XEM TRỰC TUYẾN</a>
                </ul>
            </nav>
            <div class="rightheaderin">
                <div class="leaguage">
                    <select>
                        <option>Tiếng Việt</option>
                        <option value="Chọn tiếng Việt">Tiếng Anh</option>
                        <option value="Chọn tiếng Việt">Tiếng Nhật</option>
                        <option value="Chọn tiếng Việt">Tiếng Trung</option>
                    </select>
                </div>
               
                <div id="dateTime" class="day"></div>
                <form action="Search" method="post" id="frmSearch">
                    <div class="search">
                        <div class="buttonsearch">                            
                            <input id="btnSubmit" type="image" src="/Images/bgqhtv/buttonserach.jpg" alt="btn-S">
                        </div>
                        <div class="searchbox">
                            <input class="txtData" type="text" name="SearchTerm" id="SearchTerm" value="@ViewData["keyword"]" onkeypress="return BBEnterPress();">
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!--top menu-->
    <div class="menutop">
        <ul class="top_menu">
            <li class="active">
                <a class="active" title="Trang chủ" href="/">truyền hình trực tiếp </a>
            </li>
            <li class="border"></li>
            <li class="">
                <a title="xã hội" href="/Broadcast">tv videos</a>
            </li>
            <li class="border"></li>
            <li class="">
                <a title="Thế giới" href="/ScheduleTV">lịch phát sóng</a>
            </li>
        </ul>
    </div>
</header>
<script type="text/javascript">
    var timer;
    $(function () {
        $('#dateTime').html(getDateTime());

        // Do a $.ajax call and update start time in your database

        timer = setTimeout(function () {
            update();
        }, 1000);

        $('#btn').click(function () {
            clearTimeout(timer);
            var currentdatetime = getDateTime();

            // Do a $.ajax call and update end time in your database
        });
    });

    function update() {
        $('#dateTime').html(getDateTime());

        timer = setTimeout(function () {
            update();
        }, 1000);
    }

    function getDateTime() {
        var currentdate = new Date();
        var timer = currentdate.getHours() + ":" + currentdate.getMinutes() + ":" + currentdate.getSeconds();
        var date = "Ngày " + currentdate.getDate() + " tháng " + (currentdate.getMonth() + 1) + " năm " + currentdate.getFullYear();
        var datetime = "<span>" + timer + " " + date + "</span>";
        return datetime;
    }
    $("#btnSubmit").click(function () {
        $("#frmSearch").submit();
    });
</script>